<template>
	<div id="body" style="text-align: center;border: 1px solid black;width: 500px;height: 300px;position: absolute;margin-left: 25%;margin-top: 10px;">
		<div class="bill" id="app">
			<h2 style="text-align: center;">本月账单</h2>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.we {
		margin: auto;
		width: 70%;
		background-color: beige;
		margin-top: 15%;
		border: 1px solid grey;
	}

	.we h2 {
		text-align: center;
	}

	.we p {
		text-align: center;
	}

	.personal_center {
		margin: auto;
		width: 20%;
		border: 1px solid gray;
		background-color: beige;
		margin-top: 10%;
	}

	.personal_center h2 {
		text-align: center;
		margin-bottom: 1rem;
		font-size: 1.5rem;

	}

	.personal_center span {
		margin-left: 10%;
	}

	.personal_center input {
		border: 1px none gray;
		width: 40%;
		margin-bottom: 0.5rem;
	}

	.personal_center button {
		margin: auto;
		background-color: beige;
		border-radius: 10px;
		border: 2px solid gray;
		margin-bottom: 0.5rem;
		width: 70%;
		margin-left: 10%;
	}

	.bill {
		margin: auto;
		width: 20%;
		background-color: beige;
		border-color: azure;
		margin-top: 15%;
	}

	.account {
		margin: auto;
		width: 20%;
		margin-top: 15%;
	}

	.notice {
		width: 20%;
		margin: auto;
		margin-top: 15%;
	}

	.privacy {
		width: 20%;
		margin: auto;
		margin-top: 15%;
	}
</style>

